<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<%@page import="castleContent.User" %>
<%@page import="castleContent.Soldier" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
form{
	float:left;
	text-align:center;
}
body{
	background-image: url("BlackSmithBackground.jpg");
	background-size: 100% 100%;
	color:white;
					
}
div {
	float: left;
	text-align: center;
}
div.Castle{
	margin-top: 25%;
}
</style>
</head>
<body>
	<%
		User userObject = (User) session.getAttribute("Object");
		Soldier soldier = new Soldier();
	%>
	<h1 id="Resources">	
	Gold : <%=userObject.getGold()%>
	Iron :	<%=userObject.getIron()%> 
	Food : <%=userObject.getFood()%>
	Lumber : <%= userObject.getLumber()%> <br>
	Army : <%= userObject.getPresentArmy()%> / <%= userObject.getArmyCapacity() %>
	</h1>
	<div>
		<H2>Barbarian</H2>		
		<h5>
		Strong mele warrior, fearless and brave.<br>
		hp: <%= soldier.getHp() %><br>
		att: <%= soldier.getAtt() %><br>	
		Cost : 100 gold
		</h5>
		<BUTTON onclick="createSoldier()">Upgrade Att</BUTTON>
		<BUTTON onclick="createSoldier()">Upgrade HP</BUTTON><br>
		<BUTTON onclick="createSoldier()">Create</BUTTON>
	</div>
	<div style="text-align: center">
		<H2>Archer</H2>		
		<h5>
		Accurate ranger who never miss the target.<br>
		hp: <%= soldier.getHp() %><br>
		att: <%= soldier.getAtt() %><br>	
		Cost : 150 gold / 100 iron
		</h5>
		<BUTTON onclick="createSoldier()">Upgrade Att</BUTTON>
		<BUTTON onclick="createSoldier()">Upgrade HP</BUTTON><br>
		<BUTTON onclick="createArcher()">Create</BUTTON>
	</div>
	<div>
		<H2>Wizard</H2>		
		<h5>
		Mighty sorcerer.<br>
		hp: <%= soldier.getHp() %><br>
		att: <%= soldier.getAtt() %><br>	
		Cost : 100 Iron / 50 food
		</h5>
		<BUTTON onclick="createSoldier()">Upgrade Att</BUTTON>
		<BUTTON onclick="createSoldier()">Upgrade HP</BUTTON><br>
		<BUTTON onclick="createKnigh()">Create</BUTTON>
	</div>
	<div class="Castle">
		<a href="HumanCastle.jsp"><img src="Arrow.png" height="15%"
			width="20%" />
	</div>
</body>
</html>